/* Form */

// select
.layui-form-danger + .layui-form-select .layui-input {
  border-color: $color-red !important;
}

.layui-form-select dl dd.layui-select-tips {
  color: $text-color;
}

.layui-form-select dl dd.layui-this {
  background-color: $color-primary;
  color: $color-white;
}

.layui-form-select dl dd.layui-disabled {
  background-color: $color-white
}

.layui-select-none {
  color: $text-color;
}

// checkbox
.layui-form-checked,
.layui-form-checked:hover {
  border-color: $color-primary-100;
}

.layui-form-checked span,
.layui-form-checked:hover span { 
  background-color: $color-primary-100;
}

.layui-form-checked i,
.layui-form-checked:hover i {
  color: $color-primary-100;
}

// checkbox-origin
.layui-form-checkbox[lay-skin="primary"] span {
  background: none;
}

.layui-form-checkbox[lay-skin="primary"]:hover i {
  border-color: $color-primary-100;
}

.layui-form-checked[lay-skin="primary"] i {
  border-color: $color-primary-100 !important;
  background-color: $color-primary-100;
}

// switch
.layui-form-onswitch {
  border-color: $color-primary-100;
  background-color: $color-primary-100;
}

// radio
.layui-form-radioed > i,
.layui-form-radio > i:hover {
  color: $color-primary-100;
}